<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>测评结果</title>
    <style>
        body{margin-left:5%; margin-right:5%; margin-top:2%; margin-bottom:10%;}
    </style>
</head>
<body>
    {% for subject in testpaper.subject_set.all %}
      <p hidden>
      {{ forloop.counter }}, {{ subject.title }}
      {% for answer in answerpaper.answer_set.all %}
          {% if answer.sub_id == subject.id %}
              <label id="ans{{ forloop.counter }}" value="{{ answer.options }}"> {{ answer.options }} </label>
          {% endif %}
      {% endfor%}
      </p>
    {% endfor %}
    <h1>{{ testpaper.title }} 评分与结果解释</h1>
    <label> 姓名: {{ answerpaper.testee }}</label>
    <br> <label> 电话: {{ answerpaper.telphone }}</label>
    <h3>第一步 计算各维度的得分</h3>
    <table border="1">
        <tr bgcolor='#C0C0C0'>
          <td>维度</td>
          <td>维度说明</td>
          <td hidden>计分题号</td>
          <td>总分</td>
        </tr>
        <tr>
          <td><label id="feature1">利他主义</label></td>
          <td>工作的目的和价值，在于直接为大众的幸福和利益尽一份力</td>
          <td hidden>2，30，36，46 </td>
          <td>
            <label id="score1"></label>
            <script type="text/javascript">
              var an1=6-parseInt(document.getElementById("ans2").innerHTML);
              var an2=6-parseInt(document.getElementById("ans30").innerHTML);
              var an3=6-parseInt(document.getElementById("ans36").innerHTML);
              var an4=6-parseInt(document.getElementById("ans46").innerHTML);
              document.getElementById("score1").innerHTML=an1+an2+an3+an4
            </script>
          </td>
        </tr>
        <tr>
          <td><label id="feature2">美感</label></td>
          <td>工作的目的和价值，在于能不断地追求美的东西，得到美感的享受。</td>
          <td hidden>7，20，41，52</td>
          <td>
            <label id="score2"></label>
            <script type="text/javascript">
              var an1=6-parseInt(document.getElementById("ans7").innerHTML);
              var an2=6-parseInt(document.getElementById("ans20").innerHTML);
              var an3=6-parseInt(document.getElementById("ans41").innerHTML);
              var an4=6-parseInt(document.getElementById("ans52").innerHTML);
              document.getElementById("score2").innerHTML=an1+an2+an3+an4
            </script>
          </td>
        </tr>
        <tr>
          <td><label id="feature3">智力刺激</label></td>
          <td>工作的目的和价值，在于不断进行智力的操作，动脑思考，学习以及探索新事物，解决新问题。</td>
          <td hidden> 1，23，38，45</td>
          <td>
            <label id="score3"></label>
            <script type="text/javascript">
              var an1=6-parseInt(document.getElementById("ans1").innerHTML);
              var an2=6-parseInt(document.getElementById("ans23").innerHTML);
              var an3=6-parseInt(document.getElementById("ans38").innerHTML);
              var an4=6-parseInt(document.getElementById("ans45").innerHTML);
              document.getElementById("score3").innerHTML=an1+an2+an3+an4
            </script>
          </td>
        </tr>
        <tr>
          <td><label id="feature4">成就感</label></td>
          <td>工作的目的和价值，在于不断创新，不断取得成就，不断得到领导与同事的赞扬，或不断实现自己想要做的事。</td>
          <td hidden>13，17，44，47</td>
          <td>
            <label id="score4"></label>
            <script type="text/javascript">
              var an1=6-parseInt(document.getElementById("ans13").innerHTML);
              var an2=6-parseInt(document.getElementById("ans17").innerHTML);
              var an3=6-parseInt(document.getElementById("ans44").innerHTML);
              var an4=6-parseInt(document.getElementById("ans47").innerHTML);
              document.getElementById("score4").innerHTML=an1+an2+an3+an4
            </script>
          </td>
        </tr>
        <tr>
          <td><label id="feature5">独立性</label></td>	
          <td>工作的目的和价值，在于能充分发挥自己的独立性和主动性，按自己的方式、步调或想法去做，不受他人的干扰。</td>	
          <td hidden> 5，15，21，40	</td>
          <td>
            <label id="score5"></label>
            <script type="text/javascript">
              var an1=6-parseInt(document.getElementById("ans5").innerHTML);
              var an2=6-parseInt(document.getElementById("ans15").innerHTML);
              var an3=6-parseInt(document.getElementById("ans21").innerHTML);
              var an4=6-parseInt(document.getElementById("ans40").innerHTML);
              document.getElementById("score5").innerHTML=an1+an2+an3+an4
            </script>
          </td>	
        </tr>
        <tr>
          <td><label id="feature6">社会地位</label></td>	
          <td>工作的目的和价值，在于所从事的工作在人们的心目中有较高的社会地位，从而使自己得到了人的重视与尊敬。</td>	
          <td hidden>6，28，32，49	</td>	
          <td>
            <label id="score6"></label>
            <script type="text/javascript">
              var an1=6-parseInt(document.getElementById("ans6").innerHTML);
              var an2=6-parseInt(document.getElementById("ans28").innerHTML);
              var an3=6-parseInt(document.getElementById("ans32").innerHTML);
              var an4=6-parseInt(document.getElementById("ans49").innerHTML);
              document.getElementById("score6").innerHTML=an1+an2+an3+an4
            </script>
          </td>	
        </tr>
        <tr>
          <td><label id="feature7">管理</label></td>	
          <td>工作的目的和价值，在于获得对他人或某事物的管理支配权，能指挥和调遣一定范围内的人或事物。</td>	
          <td hidden>14，24，37，48	</td>	
          <td>
            <label id="score7"></label>
            <script type="text/javascript">
              var an1=6-parseInt(document.getElementById("ans14").innerHTML);
              var an2=6-parseInt(document.getElementById("ans24").innerHTML);
              var an3=6-parseInt(document.getElementById("ans37").innerHTML);
              var an4=6-parseInt(document.getElementById("ans48").innerHTML);
              document.getElementById("score7").innerHTML=an1+an2+an3+an4
            </script>
          </td>	
        </tr>
        <tr>
          <td><label id="feature8">经济报酬</label></td>
          <td>工作的目的和价值，在于获得优厚的报酬，使自己有足够的财力去获得自己想要的东西，使生活过得较为富足。</td>	
          <td hidden>3，22，39，50	</td>	
          <td>
            <label id="score8"></label>
            <script type="text/javascript">
              var an1=6-parseInt(document.getElementById("ans3").innerHTML);
              var an2=6-parseInt(document.getElementById("ans22").innerHTML);
              var an3=6-parseInt(document.getElementById("ans39").innerHTML);
              var an4=6-parseInt(document.getElementById("ans50").innerHTML);
              document.getElementById("score8").innerHTML=an1+an2+an3+an4
            </script>
          </td>	
        </tr>
        <tr>
          <td><label id="feature9">社会交际</label></td>	
          <td>工作的目的和价值，在于能和各种人交往，建立比较广泛的社会联系和关系，甚至能和知名人物结识。</td>	
          <td hidden>11，18，26，34	</td>	
          <td>
            <label id="score9"></label>
            <script type="text/javascript">
              var an1=6-parseInt(document.getElementById("ans11").innerHTML);
              var an2=6-parseInt(document.getElementById("ans18").innerHTML);
              var an3=6-parseInt(document.getElementById("ans26").innerHTML);
              var an4=6-parseInt(document.getElementById("ans34").innerHTML);
              document.getElementById("score9").innerHTML=an1+an2+an3+an4
            </script>
          </td>	
        </tr>
        <tr>
          <td><label id="feature10">安全感</label></td>	
          <td>不管自己能力怎样，希望在工作中有一个安稳局面，不会因为奖金、长工资、调动工作或领导训斥等经常提心吊胆、心烦意乱。</td>	
          <td hidden>9，16，19，42	</td>	
          <td>
            <label id="score10"></label>
            <script type="text/javascript">
              var an1=6-parseInt(document.getElementById("ans9").innerHTML);
              var an2=6-parseInt(document.getElementById("ans16").innerHTML);
              var an3=6-parseInt(document.getElementById("ans19").innerHTML);
              var an4=6-parseInt(document.getElementById("ans42").innerHTML);
              document.getElementById("score10").innerHTML=an1+an2+an3+an4
            </script>
          </td>	
        </tr>
        <tr>
          <td><label id="feature11">舒适</label></td>	
          <td>希望能将工作作为一种消遣、休息或享受的形式，追求比较舒适、轻松、自由、优越的工作条件和环境。</td>	
          <td hidden>12，25，35，51	</td>	
          <td>
            <label id="score11"></label>
            <script type="text/javascript">
              var an1=6-parseInt(document.getElementById("ans12").innerHTML);
              var an2=6-parseInt(document.getElementById("ans25").innerHTML);
              var an3=6-parseInt(document.getElementById("ans35").innerHTML);
              var an4=6-parseInt(document.getElementById("ans52").innerHTML);
              document.getElementById("score11").innerHTML=an1+an2+an3+an4
            </script>
          </td>	
        </tr>
        <tr>
          <td><label id="feature12">人际关系</label></td>	
          <td>希望一起工作的大多数同事和领导人品较好，相处在一起感到愉快、自然，认为这就是很有价值的事，是一种极大的满足。</td>	
          <td hidden>8，27，33，43	</td>	
          <td>
            <label id="score12"></label>
            <script type="text/javascript">
              var an1=6-parseInt(document.getElementById("ans8").innerHTML);
              var an2=6-parseInt(document.getElementById("ans27").innerHTML);
              var an3=6-parseInt(document.getElementById("ans33").innerHTML);
              var an4=6-parseInt(document.getElementById("ans43").innerHTML);
              document.getElementById("score12").innerHTML=an1+an2+an3+an4
            </script>
          </td>	
        </tr>
        <tr>
          <td><label id="feature13">变异性</label></td>	
          <td>希望工作的内容应该经常变换，使工作和生活显得丰富多彩，不单调枯燥。</td>	
          <td hidden>4，10，29，31	</td>	
          <td>
            <label id="score13"></label>
            <script type="text/javascript">
              var an1=6-parseInt(document.getElementById("ans4").innerHTML);
              var an2=6-parseInt(document.getElementById("ans10").innerHTML);
              var an3=6-parseInt(document.getElementById("ans29").innerHTML);
              var an4=6-parseInt(document.getElementById("ans31").innerHTML);
              document.getElementById("score13").innerHTML=an1+an2+an3+an4
            </script>
          </td>	
        </tr>        
      </table>
    <h3>第二步 找出得分最高的三个维度和得分最低的三个维度</h3>
    <label>
        将13个维度的职业价值观进行排序，找出得分最高的三个维度和得分最低的三个维度
        <br><br> 得分最高的三项是：1、<label id="max1"></label>；　2、<label id="max2"></label>；　3、<label id="max3"></label>。
        <br>得分最低的三项是：1、<label id="min1"></label>；　2、<label id="min2"></label>；　3、<label id="min3"></label>。
        <br><br>从得分最高和最低的三项中，可以大致看出你的价值倾向，在选择职业时就可以加以考虑。
        <script type="text/javascript">
          var features_dict = {
            "feature1":parseInt(document.getElementById("score1").innerHTML),
            "feature2":parseInt(document.getElementById("score2").innerHTML),
            "feature3":parseInt(document.getElementById("score3").innerHTML),
            "feature4":parseInt(document.getElementById("score4").innerHTML),
            "feature5":parseInt(document.getElementById("score5").innerHTML),
            "feature6":parseInt(document.getElementById("score6").innerHTML),
            "feature7":parseInt(document.getElementById("score7").innerHTML),
            "feature8":parseInt(document.getElementById("score8").innerHTML),
            "feature9":parseInt(document.getElementById("score9").innerHTML),
            "feature10":parseInt(document.getElementById("score10").innerHTML),
            "feature11":parseInt(document.getElementById("score11").innerHTML),
            "feature12":parseInt(document.getElementById("score12").innerHTML),
            "feature13":parseInt(document.getElementById("score13").innerHTML)
          }
          var items = Object.keys(features_dict).map( function(key) { return [key, features_dict[key]]; } );
          items.sort( function(first, second) { return second[1] - first[1]; } ); 
          console.log(items)
          document.getElementById("max1").innerHTML=document.getElementById(items[0][0]).innerHTML;
          document.getElementById("max2").innerHTML=document.getElementById(items[1][0]).innerHTML;
          document.getElementById("max3").innerHTML=document.getElementById(items[2][0]).innerHTML;
          document.getElementById("min1").innerHTML=document.getElementById(items[12][0]).innerHTML;
          document.getElementById("min2").innerHTML=document.getElementById(items[11][0]).innerHTML;
          document.getElementById("min3").innerHTML=document.getElementById(items[10][0]).innerHTML;
        </script>
        <script type="text/javascript">
          //禁用右键（防止右键查看源代码） 
            window.oncontextmenu=function(){return false;} 
            //禁止任何键盘敲击事件（防止F12和shift+ctrl+i调起开发者工具） 
            window.onkeydown = window.onkeyup = window.onkeypress = function () { 
                window.event.returnValue = false; 
                return false; 
            } 
            //如果用户在工具栏调起开发者工具，那么判断浏览器的可视高度和可视宽度是否有改变，如有改变则关闭本页面 
            var h = window.innerHeight,w=window.innerWidth; 
            window.onresize = function () { 
                if (h!= window.innerHeight||w!=window.innerWidth){ 
                    window.close(); 
                    window.location = "about:blank"; 
                } 
            }
           </script>
    </label>
</body>
</html>